<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=11,ie=10">
    <meta name="keywords" content="筑风|新能源|风能|绿色能源|太阳能|光伏|项目规划" />
  	<meta name="description" content="北京筑风新能源科技有限公司(zfwind.com)是一家提供风电场咨询规划、风电场项目开发、风电场投融资、风电场工程建设、发电运维五大业务解决方案的新能源科技公司"/>
    <title>首页-筑风科技</title>
    <link rel="shortcut icon" href="images/icon.png" />
    <link href="css/style.css?v=1" rel="stylesheet" type="text/css" />
    <link href="css/index.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.superslider.js"></script>
    <style type="text/css">
        .indexFlash{width:100%;overflow:hidden;position:relative}
		.indexFlash li{height:770px;position:relative;overflow:hidden}
		.indexFlash .bg{position:absolute;left:0;top:0;width:100%;height:100%;}
		.indexFlash .img2{display:none}
		.indexFlash .img{position:absolute;left:50%;top:0;height:770px;width:1920px;margin-left:-960px;text-align:center}
		.indexFlash .box{color:#FFF;text-transform:uppercase;position:absolute;left:50%;top:50%;width:925px;height:395px;margin-left:-462px;margin-top:-160px}
		.indexFlash .name{font-size:56px;font-weight:700;opacity:0;/* filter:alpha(opacity=0); */position:relative;top:-50px;transition:All 1s ease .5s;-webkit-transition:All 1s ease .5s;-moz-transition:All 1s ease .5s;-o-transition:All 1s ease .5s;line-height: 30px;}
		.indexFlash .name span{padding-right:10px;font-size: 20px;padding-left: 2px;text-shadow: none;}
		.indexFlash .line{height:30px;width:0;position:relative;top:15px;border-top:#FFF solid 2px;transition:All 1s ease;-webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease}
		.indexFlash .name2{font-size:30px;opacity:0;/* filter:alpha(opacity=0); */position:relative;top:50px;transition:All 1s ease .5s;-webkit-transition:All 1s ease .5s;-moz-transition:All 1s ease .5s;-o-transition:All 1s ease .5s}
		.indexFlash .name2 div{font-size:51px}
		.indexFlash .content{font-size:18px; line-height:28px;padding-top:15px;opacity:0;/* filter:alpha(opacity=0); */position:relative;top:50px;transition:All 1s ease 1s;-webkit-transition:All 1s ease 1s;-moz-transition:All 1s ease 1s;-o-transition:All 1s ease 1s}
		.indexFlash .btn{position:absolute;right:0;bottom:-50px;opacity:0;/* filter:alpha(opacity=0); */transition:All 1s ease 1.2s;-webkit-transition:All 1s ease 1.2s;-moz-transition:All 1s ease 1.2s;-o-transition:All 1s ease 1.2s}
		.indexFlash .btn a{display:block;text-decoration: none;float:left;color:#FFF;font-size:14px;margin-left:40px;width:145px;height:45px;line-height:45px;text-align:center;border:#FFF solid 2px;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;background-color:rgba(0,0,0,0.1);}
		.indexFlash .btn a:hover{border:#26c7fc solid 2px;background:#26c7fc;color:#FFF}
		.indexFlash .btnDiv{position:absolute;z-index:10;top:50%;right:50%;margin-top:-135px;margin-right:-470px}
		.indexFlash .btnDiv span{display:block;float:left;background:url(images/ico1on.png) center no-repeat;width:22px;height:22px}
		.indexFlash .btnDiv .on{background:url(images/ico1.png) center no-repeat}
		.indexFlash li.liNow .line{width:100%}
		.indexFlash li.liNow .content,.indexFlash li.liNow .name,.indexFlash li.liNow .name2{opacity:1;/* filter:alpha(opacity=1); */top:0}
		.indexFlash li.liNow .btn{opacity:1;/* filter:alpha(opacity=1); */bottom:0}
		.indexFlash .content{color:#fff;}
</style>
</head>
<body>
<div class="color-shit">
</div>
<div class="header">
    <div class="nav">
        <ul>
			<li style="float:left"><img src="images/wind.gif" class="logo-gif"><img src="images/logo2.png" class="logo-png"></li>
            <li><a href="contact.html">联系我们</a></li>
			<li><a href="about.html">关于我们</a></li>
			<li><a href="business.html">核心业务</a></li>
			<li><a class="active" href="index.html">首&nbsp;&nbsp;&nbsp;页</a></li>
        </ul>
    </div>
</div>
	<div class="indexFlash">
		<ul>
			<li>
				<div class="imgDiv img">
					<img src="images/banner11.jpg">
				</div>
				<div class="imgDiv img2">
					<img src="images/banner11.jpg">
				</div>
				<div class="bg"></div>
				<div class="box">
					<div class="name clear-font">
						筑风新能源<br/><span>Beijing Zhu Feng New Energy Technology Co., Ltd.</span>
					</div>
					<div class="line"></div>
					<div class="name2 clear-font">
						新能源资产投资管理一站式解決
					</div>
					<div class="content">凭借高效的项目开发团队、强大的投融资能力、卓越的工程管理模式和<br>专业的风电场运维服务，为新能源资产投资管理提供全过程、全方位保障。</div>
					<div class="btn">
						<a href="business.html" target="_blank">核心业务</a>
						<a href="contact.html" target="_blank">联系我们</a>
					</div>
				</div>
			</li>
			<li>
				<div class="imgDiv img">
					<img src="images/bg2.png">
				</div>
				<div class="imgDiv img2">
					<img src="images/bg2.png">
				</div>
				<div class="bg"></div>
				<div class="box" style="width: 834px;margin-left: -421px;">
					<div class="name clear-font">
						筑风新能源<br/><span>Beijing Zhu Feng New Energy Technology Co., Ltd.</span>
					</div>
					<div class="line"></div>
					<div class="name2 clear-font">
						为人类的可持续发展贡献力量
					</div>
					<div class="content">作为新能源价值的开发传承者，我们正在用自己的实力实现资源的有效整合，<br/>为全球新能源建设贡献着自己的力量。</div>
					<div class="btn">
						<a href="about.html" target="_blank">关于我们</a>
						<a href="contact.html" target="_blank">联系我们</a>
					</div>
				</div>
			</li>
			<li>
				<div class="img">
					<video width="100%" autoplay="autoplay" loop="loop">
						<source type="video/webm"
							src="images/City-Nights.webm">
					</video>
				</div>
				<div class="imgDiv img2">
				</div>
				<div class="bg"></div>
				<div class="box">
					<div class="name">
						筑风新能源<br/><span>Beijing Zhu Feng New Energy Technology Co., Ltd.</span>
					</div>
					<div class="line"></div>
					<div class="name2">
						致力于成就全球最具竞争力且备受尊敬的新能源企业
					</div>
					<div class="content">一家提供风电场咨询规划、风电场项目开发、风电场投融资、风电场工程建设、<br/>发电运维五大业务解决方案的新能源科技公司</div>
					<div class="btn">
						<a href="contact.html" target="_blank">联系我们</a>
					</div>
				</div>
			</li>
		</ul>
		<div class="btnDiv"></div>
	</div>
 <div class="cloud" style="top:650px;"></div>
<div id="introduce">
    <div class="introduce">
        <div class="tt"><span>INTRODUCE</span>公司简介</div>
        <p>筑风新能源凭借搞笑的项目开发团队、强大的投融资能力、卓越的工程管理模式和专业的风电场运维服务，已开发及待签250万千瓦。信誉能力第一的合作态度得到政府大力支持。</p>
    </div>
</div>
<div id="wind">
    <div class="wind">
        <div class="tt"><span>WIND</span>风力发电</div>
        <div class="dian">
            <div class="a1 addHouse1">
                <p class="p1">为全球可持续发展贡献力量</p>
                <p class="p2">Contributing to global sustainable development</p>
            </div>
            <div class="a1 a2 addHouse2">
                <p class="p1">成为全球备受尊敬的绿色能源提供商</p>
                <p class="p2">Become the world's most respected green energy provider</p>
            </div>
            <div class="a1 a3 addHouse3">
                <p class="p1">绿色能源 专注；专业；创新</p>
                <p class="p2">Green energy focus,professional,innovation</p>
            </div>
        </div>
    </div>
</div>
<div id="business">
    <div class="business">
        <div class="tt"><span>BUSINESS</span>业务团队</div>
        <img src="images/bussiness_type.png">
    </div>
</div>
<div class="footer">
    <div class="dibu">
    <div class="text">公司地址：北京市西城区后海北沿49号院</div>
    <div class="text">电话：010-57489799</div>
    <div class="line"></div>
    <div class="text">Copyright &copy;筑风科技版权所有2017-2017 京ICP备17043608号</div>
    </div>
</div>
<script type="text/javascript">
$(document).ready(function(){
	$(".indexFlash").slide({titCell:".btnDiv",mainCell:"ul",autoPage:true,effect:"fade",interTime:10000,autoPlay:true,
		startFun:function(i,c){
			$(".indexFlash").find('li').removeClass('liNow');
		},endFun:function(i,c){
			$(".indexFlash").find('li').eq(i).addClass('liNow');
		}
	});
	function isIE() {
		var agent = navigator.userAgent;
		return agent.indexOf("compatible") > -1 || agent.indexOf("rv:11.0") > -1 || agent.indexOf("Opera") > -1  || (agent.indexOf("Safari") > -1 && agent.indexOf("Chrome") == -1) || agent.indexOf("Edge") > -1;
	}
	if (window.ActiveXObject || isIE()) {
		$("video source:eq(1)").attr("src", "images/City-Nights.mp4").attr("type", "video/mp4");
		$("video source:eq(0)").attr("src", "images/dae3989f583a304fa09839eec65b3294.mp4").attr("type", "video/mp4");
	}
});
</script>
</html>